<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-ua-compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title></title>
		<style>
			body,ul{margin:0;padding:0;}
			body{
				height:2000px;
				background-image: url('bj.jpg');
			}
			ul{list-style:none;}
			.container{
				position:fixed;
				top:0;
				left:0;
				width:170px;
				height:400px;
			/* 	background-color: pink; */
				background-image: url('fdBottom.png');
				background-repeat: no-repeat;
				background-position: 20px 140px;
			}
			.container .top{
				position:absolute;
				top:0px;
				left:20px;
				width:110px;
				height:140px;
				border-top-left-radius:50%;
				border-top-right-radius:50%;
				background-color: red;
				background-image: url('ewm.png');
				background-repeat: no-repeat;
				background-position: 15px 40px;
			}
			.container .top img{
				position:relative;
				top:0px;
				left:81px;
				cursor:pointer;
			}
			.container .top p{
				position:absolute;
				top:107px;
				left:15px;
				font-size:13px;
				color:#fff;
				cursor:pointer;
			}
			.container .list .type-1{
				position:relative;
				top:141px;
				left:20px;
				width:110px;
				height:35px;
			/* 	background-color: blue; */
				background-image: url('qq.png');
				background-repeat: no-repeat;
				background-position: 12px 6px;
			}
			.container .list .type-1 .wz{
				position:relative;
				top:5px;
				left:43px;
				color:#fff;
				font-size:14px;
				cursor:pointer;
			}
			.container .list .type-1 img{
				margin:0 10px;
			}
			.container .list .wz2{
				position:relative;
				top:148px;
				left:33px;
				margin-top:15px;
				color:#fff;
				font-size:14px;
			}
			.container .list .wz3{
				position:relative;
				top:147px;
				left:30px;
				margin-top:7px;
				color:#fff;
				font-size:14px;
			}
			.container .list .Arrow{
				position:relative;
				top:160px;
				left:65px;
			}
			.container .list .wz4{
				position:relative;
				top:165px;
				left:60px;
				color:#fff;
			}
		</style>
	</head>
	<body>
		<div class='container'>
			<div class="top">
				<p>微信优惠购票</p>
				<img src="close.png" alt="">
			</div>
			<div class="list">
				<ul>
					<li class='type-1'>
						<span class='wz'>景区咨询</span>
						<img src="line.png" alt="">
					</li>
					<li class='type-1'>
						<span class='wz'>连锁咨询</span>
						<img src="line.png" alt="">
					</li>
					<li class='type-1'>
						<span class='wz'>客服咨询</span>
						<img src="line.png" alt="">
					</li>
					<li class='wz2'>
						<span class='wz'>景区连锁咨询</span>
					</li>
					<li class='wz3'>
						<span class='wz'>13787021314</span>
					</li>
					<li class='Arrow'>
						<img src="fdToTop.png" alt="">
					</li>
					<li class='wz4'>
						<span class='wz'>TOP</span>
					</li>
				</ul>
			</div>
		</div>
	</body>
</html>
